<template>
	<view class="warpbox">
		<view class="box">
			<view class="jingxuan">
				<view class="jingjing">
					<image class="jing" src="../../static/images/jingxuan.png"></image>
					<view class="zhuanti">精选专题</view>
					<view class="zhushi">年货嗨抢24小时，买年货，屯福气</view>
					<view class="shijian"> 今天10:33</view>
				</view>
			</view>
			<view class="gonggao">
				<view class="jingjing">
					<image class="jing" src="../../static/images/gonggao.png"></image>
					<view class="zhuanti">萌店公告</view>
					<view class="zhushi">2019年荣获最佳营销模式</view>
					<view class="shijian"> 2019.01.19</view>
				</view>
			</view>
			<view class="wuliu">
				<view class="jingjing">
					<image class="jing" src="../../static/images/jiaohu.png"></image>
					<view class="zhuanti">交易物流</view>
					<view class="zhushi">交易物流状态</view>
				</view>
			</view>
			<view class="zichan">
				<view class="jingjing">
					<image class="jing" src="../../static/images/zichan.png"></image>
					<view class="zhuanti">我的资产</view>
					<view class="zhushi">你的资产金币已过期</view>
				</view>
			</view>
		</view>
		
		
		
		
		
		
	</view>
</template>

<script>
	export default{
		
		
		
		
		
		
		
		
	}
</script>

<style>
	.box{
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 464upx;
		margin: 22upx 20upx 0upx 20upx;
	}
	.jingxuan{
		width: 100%;
		height: 116upx;
	}
	.jingjing{
		position: relative;
	}
	.jing{
		width: 72upx;
		height: 80upx;
		position: absolute;
		top: 10upx;
		left: 32upx;
	}
	.zhuanti{
        font-size: 28upx;
		margin-left: 126upx;
		margin-top: 20upx;
	}
	.zhushi{
		font-size: 12px;
		color: #9D9D9D;
		margin-left: 126upx;
	}
	.shijian{
		font-size: 12px;
		color: #9D9D9D ;
		position: absolute;
		top: 0px;
		right: 34upx;
	}
	
	
	.gonggao{
		width: 100%;
		height: 116upx;
	}
	.wuliu{
		width: 100%;
		height: 116upx;

	}
	.zichan{
		width: 100%;
		height: 116upx;
	}
	
	
	
	
	
	
	
	
	
</style>
